<<usegrids>>
<div id="groupmemberstabs">
<ul>
<<section name="groupmemberstab" loop="$groupmemberstypes">>
    <li><a href="#groupmemberstabs-<<$smarty.section.groupmemberstab.iteration>>"><<$groupmemberstypes[groupmemberstab].title>></a></li>
<</section>>
</ul>
<<section name="tab" loop="$groupmemberstypes">>
    <div id="groupmemberstabs-<<$smarty.section.tab.iteration>>">
<<$groupmemberstypes[tab].content>>
    </div>
<</section>>
</div>

<script>
jQuery("div#groupmemberstabs").tabs({
    select: function(event, ui) {
        switch (ui.index) {
<<section name="tab" loop="$groupmemberstypes">>
            case <<$smarty.section.tab.iteration-1>>: {
                if (typeof(window["on<<$groupmemberstypes[tab].type>>Open"]) == "function") {
                    on<<$groupmemberstypes[tab].type>>Open();
                }
            }
<</section>>
        }
    }
});
if (typeof(window["on<<$groupmemberstypes[0].type>>Open"]) == "function") {
    on<<$groupmemberstypes[0].type>>Open();
}

createGrids();
</script>
